.text-gray3 {
  color: #333
}
.fw700{
	font-weight: 700;
}


.dis-flex {
  display: flex;
}

// 换行
.flex-wrap {
	flex-wrap: wrap;
}

.dis-block {
  display: block!important;
}

.inline-flex {
  display: inline-flex;
  vertical-align: top;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-end {
  justify-content: flex-end;
}

.align-center {
  align-items: center;
}

.align-end {
  align-items: flex-end;
}

.flex-column {
  flex-direction: column;
}

.popup-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  .popup-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    transition-property: all;
    transform: translateY(100%);
    opacity: 0;
    &.round {
      overflow: hidden;
      border-radius: 20rpx 20rpx 0 0;
    }
    .popup-header {
      padding: 50rpx 45rpx 30rpx 30rpx;
      &.small {
        padding: 36rpx 40rpx 36rpx 25rpx;
        .ic-close {
          top: -6rpx;
        }
      }
      .ic-back {
        padding-left: 15rpx;
      }
      .popup-title {
        padding-left: 15rpx;
      }
      .sub {
        margin-left: 15rpx;
      }
      .ic-close {
        position: relative;
        top: -5rpx;
        padding: 20rpx;
        font-size: 24rpx;
        color: #adadad;
      }
    }
    &.show {
      opacity: 1;
      transform: translateY(0);
    }
  }
}